<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">

    <meta name="apple-mobile-web-app-capable" content="yes">

    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <meta name="format-detection" content="telephone=no">

    <title>留言板</title>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/index.css">

    <link rel="stylesheet" href="css/dl.css" type="text/css"/>
    <script>
        function showTime(){
            nowtime = new Date();//
            year = nowtime.getFullYear();//获取当前完整的年份
            month = nowtime.getMonth()+1;//获取当前月份
            date = nowtime.getDate();//获取当前日
            document.getElementById("mytime").innerText = year+"年"+month+"月"+date+"日"+nowtime.toLocaleTimeString();//toLocaleTimeString()根据本地时间把 Date 对象的时间部分转换为字符串
        }
        function showTime2(){
            document.getElementById("mytime").innerText = new Date();
        }
        setInterval('showTime()',1000);//1秒更新一次
    </script>

    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js "></script>
    <script type="text/javascript">
        $(function () {
            $.get("/ipAndAddress",{},function (data) {
                $("#ip").html(data.ip)
                $("#address").html(data.address)
                $("#fwl").html(data.fwl)
            })
        })

    </script>

    <link rel="stylesheet" href="css/dl.css" type="text/css"/>
</head>
<body>
<!--灯笼模块-->
<!-- 灯笼1 -->
<div class="deng-box">
    <div class="deng">
        <div class="xian"></div>
        <div class="deng-a">
            <div class="deng-b"><div class="deng-t">节</div></div>
        </div>
        <div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div>
    </div>
</div>

<!-- 灯笼2 -->
<div class="deng-box1">
    <div class="deng">
        <div class="xian"></div>
        <div class="deng-a">
            <div class="deng-b"><div class="deng-t">春</div></div>
        </div>
        <div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div>
    </div>
</div>
    <!-- 顶部导航 -->
    <div class="shortcut">
        <div class="w">
            <div class="fl">
                <ul>
                    <li class="head">留&nbsp;&nbsp;言&nbsp;&nbsp;板</li>
                </ul>
            </div>
            <div class="fr nav">
                <ul>
                    <li><a href="/lyb.html">首页</a></li>
                    <li><a href="/wall.html">发布留言</a></li>
                    <li><a href="/getAll">留言墙</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div>
        <span id="mytime"></span>
        <form method="get" action="https://restapi.amap.com/v3/weather/weatherInfo">
            城市编码(当前为西安)：<input name="city" type="text" value="610100">
            <input type="hidden" name="key" value="61a32da238f6b5c64efa586c480e869f">
            <input type="submit" value="查询当前城市天气">
        </form>
        <a href="https://lbs.amap.com/api/webservice/download">获取城市编码表</a>
        <br>
        访问者IP：<span style="color: red" id="ip"></span><br>
        访问者地址：<span style="color: red" id="address"></span><br>
        网站访问量: <span style="color: red" id="fwl"></span>
    </div>
    <!-- 选项 -->
    <div class="box">
        <div class="fl box1">
            <a href="../wall.html">发布留言</a>
        </div>

        <div class="fr box2">
            <a href="/getAll">留言墙</a>
        </div>
    </div>

<div style="width:600px;margin:0 auto; padding:20px 0;">
    <a target="_blank" href="https://beian.miit.gov.cn/#/Integrated/recordQuery" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
        <img src="" style="float:left;"/>
        <p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">陕ICP备2021004202号-1</p></a>
</div>
</body>
</html>